<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/tag/pagetag.tld" prefix="p"%>
<%@ taglib uri="/WEB-INF/tag/pageform.tld" prefix="pf" %>
<%@ page trimDirectiveWhitespaces="true"%>
<html>
  <head>
    <meta charset="utf-8">

    <title>Welcome</title>
    
    <!-- 静态引入 -->
	<c:import url="/WEB-INF/views/config/include.jsp" charEncoding="UTF-8"/> 
	<!-- 以下是页面引入文件配置 -->
    <link href="/custom/framework/css/login.css" rel="stylesheet">
	
  </head>

  <body>
  
    <table style="height:100%; width:100%;"> <!-- background: #2b64d2; -->
      <tr style="height:80px;background: #f8f8f8;">
        <td>
          <table>
            <tr>
              <td style="width:80px;color:#fff;"></td>
              <td style="font-size:30px;">欢迎访问运维管理中心</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="background: url('/custom/framework/img/bg1.jpg') center top no-repeat; opacity: 1;" id="login_tr">
        <td>&nbsp;</td>
      </tr>
      <tr style="height:50px;">
        <td>
          <table style="width:100%;height:100%;"><!--  border-top:1px solid #DBDBDB; -->
            <tr>
              <td align="center" valign="middle">
                Copyright 2017 ~ 2021
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  
<c:if test="${not empty message}">
	<div class="form-login-message">
		${message}
	</div>
</c:if>

	<!-- 这里是登录框 -->
	<div class="form-login">
		<form action="/pc/1.0/manager/login" method="POST" class="fh5co-form animate-box" data-animate-effect="fadeIn">
			<input type="hidden" name="token" id="token" value="${token}">
			<h2>请登录 ...</h2>
			<div class="form-group">
				<label for="username" class="sr-only">Username</label>
				<input type="text" class="form-control" name="account"  placeholder="用户名" value="${loginer.account}" autofocus>
			</div>
			<div class="form-group">
				<label for="password" class="sr-only">Password</label>
				<input type="password" class="form-control" name="passWord" placeholder="密码">
			</div>
			<div class="form-group">
				<table>
					<tr>
						<td>
							<select class="form-control" style="width:110px;" id="hdp" name="hdp" >
								<option value="MANAGER">管理后台</option>
								<option value="OPERATION">运维后台</option>
								<option value="CUSTOMER">客服后台</option>
							</select>
						</td>
						<td width="5%" >&nbsp;</td>
						<td><input type="text" class="form-control" name="securityCode" placeholder="安全码" ></td>
						<td width="5%" >&nbsp;</td>
						<td><img src="/common/1.0/code2?token=${token}&t=Math.random()" width="68" height="32" onclick="javascript:this.src='/common/1.0/code2?token=${token}&t=' + Math.random()"/></td>
					</tr>
				</table>

			</div>
			<div class="form-group">
				<input type="submit" value="进入" class="btn btn-primary">
			</div>
		</form>
	</div>

	<!-- 静态引入 -->
	<c:import url="/WEB-INF/views/config/footer.jsp" charEncoding="UTF-8"/> 
  </body>
</html>
<script>
    $(document).ready(function () {
        $('#login_tr').height($(document).height() - 150)
    })
</script>